<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 网页图标 -->
    <link rel="icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/font/iconfont.css">
</head>
<body>
   <div class="login">
        <div class="login_img">
            <img src="images/banner.jpg" alt="">
        </div>
        <div class="login_conter">
            <div class="login_header">
                <div class="logo_title">
                    <a href="index.html" class="logo"></a>
                    <h2 class="logo_text">小米账号</h2>
                    
                </div>
                <div class="login_nav">
                    <ul>
                        <li><a href="#">用户协议</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">帮助中心</a></li>
                        <li class="login_nav_item">
                            <a href="#"><span>|</span>中文（简体）</a>
                            <div class="login_list">
                               <a href="#">中文（繁体）</a>
                               <a href="#">英文</a>
                               <a href="#">其他</a>
                               
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login_container">
                <div class="user">
                    <div class="user_header">
                        <div class="title">
                            <a href="#">账号登录</a>
                            <span class="line"></span>
                            <a href="#">扫码登录</a>
                        </div>
                    </div>
                    <div class="user_middle">
                        <input type="text" placeholder="邮箱/手机号码/小米ID">
                        <input type="password" name="mima" id="password" placeholder="密码">
                        <div class="agree_wrap">
                            <input type="checkbox"name="" id="">
                            <p class="agree">
                                我已阅读并同意
                                <a href="#">用户协议</a>
                                <a href="#">隐私条款</a>
                            </p>
                        </div>
                        <button>登录</button>
                        <li><a href="#">手机短信登录/注册</a></li>
                        <li><a href="#">立即注册</a><span>|</span>
                            <a href="#">忘记密码</a>
                        </li>
                    </div>
                    <div class="user_footer">
                        <a href="#"><i class="iconfont icon1">&#xe66a;</i></a>
                        <a href="#"><i class="iconfont icon2">&#xe66b;</i></a>
                        <a href="#"><i class="iconfont icon3">&#xe607;</i></a>
                        <a href="#"><i class="iconfont icon4">&#xe608;</i></a>
                    </div>
                </div>
            </div>
            <div class="login_footer">
                <p>
                    @小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
                </p>
            </div>
        </div>
   </div>
</html>